//入口函数
$(function () {
    //点击链接显示隐藏
    $('.login-box a').on('click', function () {
        $('.login-box').hide()
        $('.load-box').show()
    })
    //点击注册隐藏登录
    $('.load-box a').on('click', function () {
        $('.login-box').show()
        $('.load-box').hide()
    })



    //定义校验规则
    // 获取layui里的form
    let form = layui.form
    //定义校验规则使用的是form.verify()
    form.verify({
        //属性 :校验名称
        //值 : 校验规则
        // 值有两种类型 函数和数组
        // \w a-zA-Z0-9_  \S 非空 
        username: [/^\w{1,10}$/, '用户名必须是1到10位的数字和字母'],
        password: [/^\w{6,12}$/, '密码必须是6到12位的数字和字母'],

        // 用函数定义确认密码的规则
        repassword: function (value) {
            //参数 value 获取的是repassword的值
            //需要获取password的值和他进行比较
            let repassword = $('.load-box input[name=password]').val()
            // 条件判断
            if (repassword !== value) {
                return '两次密码输入不一致,重新输入!'
            }
        }
    })


    //注册功能
    //接收layui里的layer,接收了后面才能用
    let layer = layui.layer
    $('#formReg').on('submit', function (ev) {
        ev.preventDefault()
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $('#formReg').serialize()
        }).then(function (res) {
            // console.log(res.data);
            // 注册判断
            if (res.data.status !== 0) {
                return layer.msg(res.data.message, { icon: 2 })
            }
            //成功后提示
            layer.msg('恭喜您,注册成功!', { icon: 1 })
            //跳转登录
            $('.load-box a').click()
            //清空表单,reset方法 但是使用的必须是dom对象
            $('#formReg')[0].reset()
        })
    })

    //登录功能
    $('#formLogin').on('submit', function (ev) {
        ev.preventDefault()
        axios({
            method: 'POST',
            url: '/api/login',
            data: $('#formLogin').serialize()
        }).then(function (res) {
            // console.log(res);
            // 登录判断
            if (res.data.status !== 0) {
                return layer.msg(res.data.message, { icon: 2 })
            }
            // 成功提示
            layer.msg('登录成功!', { icon: 1 })
            //token 以后会用到 所以先存到本地
            localStorage.setItem('token', res.data.token)
            //跳转到首页
            location.href = '/index.html'
        })
    })
})
